//
// Variables
// =================================================



// Colors
// colors for use across theme.
// --------------------------------------------------

$whitesmoke   = #f5f5f5
$gainsboro    = #eee
$gray-lighter = #ddd
$grey-light   = #ccc
$grey         = #bbb
$grey-dark    = #999
$grey-dim     = #666
$black-light  = #555
$black-deep   = #222
$red          = #ff2a2a
$blue-bright  = #87daff
$blue         = #0684bd
$blue-deep    = #262a30



// Scaffolding
// Settings for some of the most global styles.
// --------------------------------------------------

// Global text color on <body>
$text-color                   = $black-light

// Global link color.
$link-color                   = $black-deep
$link-hover-color             = $black-deep
$link-decoration-color        = $grey-light
$link-decoration-hover-color  = $black-deep

// Global border color.
$border-color                 = $grey-light

// Background color for <body>
$body-bg-color                = white



// Typography
// Font, line-height, and elements colors.
// --------------------------------------------------

// Font families.
$font-family-sans-serif   = "Avenir Next", Avenir, Tahoma, Vendana, sans-serif
$font-family-serif        = "PT Serif", Cambria, Georgia, "Times New Roman", serif
$font-family-monospace    = "PT Mono", Consolas, Monaco, Menlo, monospace
$font-family-chinese      = "Microsoft Jhenghei", "Hiragino Sans GB", "Microsoft YaHei"
$font-family-base         = Lato, $font-family-chinese, sans-serif
$font-family-headings     = Cambria, Georgia, $font-family-chinese, "Times New Roman", serif
$font-family-posts        = $font-family-base

// Font size
$font-size-base           = 16px
$font-size-small          = $font-size-base - 2px
$font-size-smaller        = $font-size-base - 4px
$font-size-large          = $font-size-base + 2px

// Headings font size
$font-size-headings-base  = 28px
$font-size-headings-step  = 2px

// Global line height
$line-height-base         = 1.7
$line-height-code-block   = 1.6



// Z-index master list
// --------------------------------------------------

$zindex-bottom  = -1
$zindex-1       = 1010
$zindex-2       = 1020
$zindex-3       = 1030
$zindex-4       = 1040
$zindex-5       = 1050



// Table
// --------------------------------------------------
$table-width                    = 100%
$table-border-color             = $gray-lighter
$table-font-size                = 14px
$table-content-alignment        = left
$table-content-vertical         = middle
$table-th-font-weight           = 700
$table-cell-padding             = 8px
$table-cell-border-right-color  = $gainsboro
$table-cell-border-bottom-color = $gray-lighter
$table-row-odd-bg-color         = #f9f9f9
$table-row-hover-bg-color       = $whitesmoke



// Buttons
// --------------------------------------------------

$btn-font-weight =  normal

$btn-default-bg                  = $black-deep
$btn-default-color               = white
$btn-default-border              = $black-deep
$btn-default-hover-bg            = white
$btn-default-hover-color         = $black-deep
$btn-default-hover-border-color  = $black-deep



// Pagination
// --------------------------------------------------

$pagination-border              = $gainsboro;

$pagination-link-bg             = transparent
$pagination-link-color          = $link-color
$pagination-link-border         = $gainsboro

$pagination-link-hover-bg       = transparent
$pagination-link-hover-color    = $link-color
$pagination-link-hover-border   = $black-deep

$pagination-active-bg           = $grey-light
$pagination-active-color        = white
$pagination-active-border       = $grey-light



// Layout sizes
// --------------------------------------------------

$main-desktop                   = 960px
$content-desktop                = 700px
$sidebar-desktop                = 240px
$content-desktop-padding        = 40px
$footer-height                  = 50px
$gap-between-main-and-footer    = 100px



// Headband
// --------------------------------------------------
$headband-bg = $black-deep



// Section Header
// Variables for header section elements.
// --------------------------------------------------

$head-bg                = white

// Site Meta
$site-meta-text-align   = center
$brand-color            = white
$brand-bg               = $black-deep
$brand-font-family      = $font-family-base

// Menu
$menu-link-border       = transparent
$menu-link-hover-border = $black-deep



// Posts Collpase
// --------------------------------------------------
$posts-collpase-left        = 55px
$posts-collpase-left-mobile = 5px



// Section Sidebar
// Variables for sidebar section elements.
// --------------------------------------------------

$sidebar-highlight      = $blue-bright



// Iconography
// Icons SVG Base64
// --------------------------------------------------

// blockquote-center icon
$blockquoteCenterIcon = ""

// chevrons
$chevron-right = ""
$chevron-left = ""

// Indicator for post toc
$post-toc-indicator-top = ""
$post-toc-indicator-bottom = ""

// search icon
$search-icon = ""
